<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@taglib prefix="form" uri="http://www.springframework.org/tags/form" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
	<title>:: Perfil ${usuario.nombre} ::</title>
	<link rel="stylesheet" href="style.css" type="text/css" charset="utf-8" />

        <script type="text/javascript" src="script/validar.js"></script>

</head>

<body>
  <div id="wrapper">

    <div id="header">
      <div id="logo">
        <p></p>
      </div>
      <div id="nav">
      <ul class="menu">
          <li class="sub"><a href="#" class="update">Opciones<comment></comment></a>
		<ins><table><tr><td><ul>
			<li><a href="modificarUsuario.html?ux=${usuario.idUsuario}">Modificar Datos</a></li>
			<li><a href="desactivarUsuario.html?ux=${usuario.idUsuario}">Opciones de Cuenta</a></li>
            <li><a href="rest.html?ux=${usuario.idUsuario}">REST</a></li>
                        <li><a href="home.html?ux=null">Cerrar Sesión</a></li>
		</ul></td></tr></table></ins>
        </li>
          <li><a href="misSolicitudes.html?ux=${usuario.idUsuario}&soli=0"> Solicitudes</a></li>
         <li><a href="miPerfilhayTour.html?ux=${usuario.idUsuario}"> Perfil ${usuario.username}</a></li>
         </ul>
      </div>
      <div id="gallery">
        <ul>
          <li class="gwomen"><a href="BuscarAmigos.jsp">Viajes</a></li>
          <li class="gkids"><a href="http://www.freewebsitetemplates.com">Aventuras</a></li>
          <li class="gmen"><a href="http://www.freewebsitetemplates.com">Amigos</a></li>
        </ul>
      </div>
    </div>
    <div id="body">
      <div id="categories">
        <h2>${usuario.nombre} ${usuario.apellido}</h2>
        <h2><img src="images/Perfil.jpg" alt="" width="192" height="244" id="Perfil" /></h2>
        <ul>
          <li><a href="MisAmigos.html?ux=${usuario.idUsuario}&AM=1">Mis Amigos</a></li>
          <li><a href="LosViajes.html?ux=${usuario.idUsuario}&AM=1">Mis Viajes</a></li>
        </ul>
      </div>
      <div id="seasonal">
        <div class="inner">
          <form id="form1" name="form1" method="post" onSubmit="javascript:return validarB()" action="BuscarResp.html?ux=${usuario.idUsuario}">
            <table width="449" border="0">
              <tr>
                <td width="384" class="more"><strong>Nombre:
                  </strong>                  <label>
                      <input type="text" name="nombre1" id="nombre1" />
                </label></td>
                <td width="55"><label>
                  <input type="submit" onclick="javascript:validarB()" value="Buscar" />
                </label></td>
              </tr>
            </table>
          </form>
          
          <br />
          <div class="content">
            <div class="paging">
                <c:if test="${!clienteList.firstPage}"></c:if>
              <c:if test="${!clienteList.lastPage}"></c:if>
            </div>
            <div class="dataTable">
              <table width="449" border="0">
                <tr>
                  <td class="more"><img src="images/MisViajes.jpg" width="449" height="83" border="0"/></td>
                </tr>
                <tr>
                  <td bgcolor="#F4F5ED" class="more"><table border="0" align="center" cellpadding="4" cellspacing="0" class="boxInfo">
                    <tr>
                      <td align="center" bgcolor="#F4F5ED"><h2><strong>Nombre del Paseo</strong></h2></td>
                      <td align="center" bgcolor="#F4F5ED"><h2><strong>Alojamiento</strong></h2></td>
                      <td align="center" bgcolor="#F4F5ED">&nbsp;</td>
                      <td align="center" bgcolor="#F4F5ED"><h2><strong>Fecha de Salida</strong></h2></td>
                    </tr>
                    <tr>
                      <td align="center" valign="baseline" bgcolor="#F4F5ED">${viaje[0].nombre}</a></td>
                      <td align="center" valign="baseline" bgcolor="#F4F5ED">${viaje[0].sitioAlojamiento}</td>
                      <td width="7" align="center" valign="baseline" bgcolor="#F4F5ED">&nbsp;</td>
                      <td align="center" valign="baseline" bgcolor="#F4F5ED">${viaje[0].fechaLlegada}</td>
                    </tr>
                    <tr>
                      <td align="center" valign="baseline" bgcolor="#F4F5ED">${viaje[1].nombre}</a></td>
                      <td align="center" valign="baseline" bgcolor="#F4F5ED">${viaje[1].sitioAlojamiento}</td>
                      <td align="center" valign="baseline" bgcolor="#F4F5ED">&nbsp;</td>
                      <td align="center" valign="baseline" bgcolor="#F4F5ED">${viaje[1].fechaLlegada}</td>
                    </tr>
                    <tr>
                      <td align="center" valign="baseline" bgcolor="#F4F5ED">&nbsp;</td>
                      <td align="center" valign="baseline" bgcolor="#F4F5ED">&nbsp;</td>
                      <td align="center" valign="baseline" bgcolor="#F4F5ED">&nbsp;</td>
                      <td align="center" valign="baseline" bgcolor="#F4F5ED"><a href="LosViajes.html?ux=${usuario.idUsuario}&amp;AM=1">Ver Mas</a></td>
                    </tr>
                  </table></td>
                </tr>
              </table>
              <br />
        </div>
          </div>
        </div>
      </div>
      <div id="collection">
          <div class="inner">
            <a href="fromCrearViajes.html?ux=${usuario.idUsuario}"><img src="images/crearViajes.jpg" width="342" height="119" border="0"/></a>
            <p></p>
           
                       </p>
        </div>
      </div>
      <div class="clear"></div>
      <div id="seas">
        <div id="seas-one">
          <h4 class="gkids">&nbsp;</h4>
          <h4 class="gkids">&nbsp;</h4>
          <h4 class="gkids">&nbsp;</h4>
          <h4 class="gkids">&nbsp;</h4>
          <h4 class="gkids">&nbsp;</h4>
          <h4 class="gkids">&nbsp;</h4>
          <h4 class="gkids">&nbsp;</h4>
          <h4 class="gkids">&nbsp;</h4>
          <h4 class="gkids">&nbsp;</h4>
          <h4 class="gkids">&nbsp;</h4>
          <h4 class="gkids">&nbsp;</h4>
          <h4 class="clear">&nbsp;</h4>
        </div>
        <div id="seas-two"></div>
        <div id="seas-three"></div>
        <div class="clear"> </div>
      </div>
    </div>
    <div id="copyright">
      <h5>Copyright &copy; 2010. Company hayTour all rights reserved</h5>
</div>
  </div>
</body>
</html>
